<template>
    <div class="no-data">
        <SvgIcon icon-class="nodata" class="no-data-icon" />
        <slot>
            <p class="nodata-block-text">{{ title }}</p>
        </slot>
    </div>
</template>

<script>
import SvgIcon from '@/components/SvgIcon'

export default {
    name: '',
    components: { SvgIcon },
    directives: {},
    filters: {},
    props: {
        title: {
            type: String,
            default: '还没有数据呢~'
        }
    }
}
</script>

<style lang="scss" scoped>
.no-data {
    text-align: center;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;

    .no-data-icon {
        display: block;
        margin: 0 auto;
        width: 200px;
        height: 147px;
    }
    .no-data-txet,
    .nodata-block-text {
        line-height: 2;
        font-size: 13px;
        color: #84959e;
    }
}
</style>
